<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ page import="com.noteit.bean.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>NoteIT -about-</title>
<link href="${pageContext.request.contextPath}/css/main.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/main.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/displaytag_manage.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/jscal2/jscal2.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/jscal2/border-radius.css" />
<link id="skin-steel" title="Steel" type="text/css" rel="alternate stylesheet" href="${pageContext.request.contextPath}/css/jscal2/steel/steel.css" />
<link id="skinhelper-compact" type="text/css" rel="alternate stylesheet" href="${pageContext.request.contextPath}/css/jscal2/reduce-spacing.css" />
<script language="JavaScript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.metadata.js"></script>
<script src="${pageContext.request.contextPath}/js/jscal2/jscal2.js"></script>
<style type="text/css">
	.style1 {
		font-family: Verdana, Arial, Helvetica, sans-serif
	}
	#pkilogin {
		color: #F00;
		text-decoration: underline;
		text-align: center;
	}
</style>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAG_4i2swR3KOd-nGYrlrt8RTkyS8SRe_kYPTAbwTumvAqao01PRRUcCtCzTBnNH2kRURGR8RhQQoZ3w"
      type="text/javascript">
</script>
<script type="text/javascript">
var myMap;
var myMarker;
function load() {
	if (GBrowserIsCompatible()) {
		myMap = new GMap2(document.getElementById("my_map"));
		var myLatLng = new GLatLng(25.04763902653048, 121.51715755462646);
		myMap.setCenter(myLatLng, 15);
		myMap.addControl(new GLargeMapControl());
		document.getElementById('inLatLng').value = myLatLng.toString();
		document.getElementById('inLat').value = myLatLng.lat();
		document.getElementById('inLng').value = myLatLng.lng();		
		
		myMarker = new GMarker( myLatLng );
		myMap.addOverlay( myMarker );
	}
}

function addressGps() {
	var myGeocoder = new GClientGeocoder();
	var address = document.getElementById('address').value;
	myGeocoder.getLatLng(address, function getRequest( point ){
							if(!point){
								alert('這個地址 Google 說不知道！');
							}else{
								//移動地圖中心點
								myMap.panTo( point );
								//設定標註座標
								myMarker.setLatLng(point);
								document.getElementById('inLatLng').value = point.toString();
								document.getElementById('inLat').value = point.lat();
								document.getElementById('inLng').value = point.lng();
							}
						});
}
</script>
</head>
<body onload="load()" >
<div id="grailsLogo"><a href="#"><img src="${pageContext.request.contextPath}/images/grails_logo_t.jpgx" alt="WORDS POOL" border="0" /></a></div>
<jsp:include page="/menus_general.jsp"></jsp:include>
<br><br>
<div class="path">PATH：NoteIT &gt; About</div>



<div class="body">
<!-- end of Tabs--> 

<div id="errMsg">
<font color="red">
<ul></ul>
</font>
</div>

<!-- end of Tabs-->
<div class="body">
<h1>About Us</h1>

<div class="dialog">
    Address︰<input id="address" name="address" type="text" size="40" value="臺北市信義區市府路1號" />
	<input name="button" type="button" value="Search" onclick="javascript:addressGps();" />
	<br>
	LatLng︰<input id="inLatLng" name="inLatLng" type="text" size="40" value="" />
	<br>
	Lat︰<input id="inLat" name="inLat" type="text" size="20" value="" />
	<br>
	Lng︰<input id="inLng" name="inLng" type="text" size="20" value="" />
	<p>
	<div id="my_map" style="width: 800px; height: 300px"></div>

</div>
</div>
</div>
</body>
</html>
 